{% extends "layout.html" %}
{% block styles %}
	<link rel="stylesheet" type="text/css" href="../../../static/sass/common.css">
	<link rel="stylesheet" type="text/css" href="../../../static/sass/icon.css">
	<link rel="stylesheet" type="text/css" href="../../../static/sass/login.css">
{% endblock %}
{% block content %}
	<div class="fz16 login">
		<header>
			<span class="back zymkwap ift-goback"></span>
			<span class="title">登录</span>
		</header>
		<div class="blank44"></div>
		<div class="avatarBox">
			<img class="avatar" src="../../../static/images/login.png">
			<img class="login_bananer" src="../../../static/images/login_bananer1.png">
			<img class="login_bananer" src="../../../static/images/login_bananer2.png" style="display: none">
		</div>
		<div class="input-area">
			<div class="userName">
				<i class="zymkwap ift-mantou_ thumbnail"></i>
				<input id="mobile" type="tel" placeholder="请输入新的手机号码">
				<input id="identity" type="text" placeholder="请输入星球账号、手机号码、邮箱" style="display: none">
			</div>			
			<div class="vc-input">
				<i class="zymkwap ift-lock1 thumbnail"></i>
				<input id="vCode" type="number" placeholder="请输入短信验证码">
				<div class="getVc">点击发送</div>
			</div>
			<div class="password" style="display: none">
				<i class="zymkwap ift-lock1 thumbnail"></i>
				<input id="pw_hide" type="password" placeholder="请输入密码">
				<input id="pw_show" type="text" placeholder="请输入密码" style="display: none">
				<i class="pwShowSwitch zymkwap ift-yanjing_close"></i>
			</div>
			<span class="forgot" style="display: none">忘记密码</span>
			<div class="loginBtn">登录</div>
			<div class="switchLogin">
				<span>使用密码登录（漫客星球用户）</span>
				<span style="display: none">手机验证码登录</span>
			</div>
		</div>
		<div class="anothers">
			<span class="tip_1">使用第三方账号登录</span>
			<ul class="loginIcons">
				<li>
					<div class="iconItem" data-flag="sina"><i class="zymkwap ift-sina" data-flag="sina"></i></div>
				</li>
				<li>
					<div class="iconItem" data-flag="qq"><i class="zymkwap ift-qq" data-flag="qq"></i></div>
				</li>
				<li v-if="false">
					<div class="iconItem" data-flag="weixin"><i class="zymkwap ift-weixin" data-flag="weixin"></i></div>
				</li>
			</ul>
			<span class="tip_2">登录代表你已阅读并同意《知音漫客app用户协议》</span>
		</div>
		<div class="layer">
			<div class="layerMsg">
			</div>
		</div>
	</div>
{% endblock %}
{% block script %}
	<script src="../../../static/js/common/jquery.min.js"></script>
	<script src="../../../static/js/common/util.js"></script>
	<script src="../../../static/js/login.js"></script>
{% endblock %}